<template>
<div>
  <el-container>
  <el-header>Header</el-header>
  <el-container>
    <el-aside width="200px">Aside</el-aside>
    <el-main>   <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="Region"
        label="区域"
        width="180">
      </el-table-column>
      <el-table-column
        prop="Building"
        label="楼栋"
        width="180">
      </el-table-column>
      <el-table-column
        prop="Dormitory_Num"
        label="宿舍号">
      </el-table-column>
         <el-table-column
        prop="Configure"
        label="大小">
      </el-table-column>
      <el-table-column
        prop="Dormitory_type"
        label="类别">
      </el-table-column>
    </el-table></el-main>
  </el-container>
</el-container>
</div>

</template>
<script>
export default {
    data() {
        return {
          tableData: [{
            Region: 'A',
            Building: '1号楼',
            Dormitory_Num: 'A1-311',
            Configure: '4',
            Dormitory_type: '学生宿舍'
          }]
      }
    }}
</script>
